<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    
    <div class="shen">
        <div class="shen_left">
            <ul>
                <li class="xitong">管理系统</li>
                <li>首页</li>
                <li>系统管理</li>
                <li class="teshu">用户管理</li>
                <li class="teshu">角色管理</li>
                <li class="teshu">菜单管理</li>
                <li class="teshu">部门管理</li>
                <li class="teshu1">岗位管理</li>
                <li class="teshu">字典管理</li>
                <li class="teshu">参数管理</li>
                <li class="teshu">通知公告</li>
                <li class="teshu">日志管理</li>
                <li>系统监控</li>
            </ul>
        </div>
        <div class="shen_right">
            <header>
                <div class="head_right">
                    <p>丽丽</p>
                </div>
            </header>
            <div class="xi">
                <button class="yi">首页</button>
                <button class="er">岗位管理</button>
            </div>
            <div class="sousuo">
                <div class="gangwei">岗位名称</div>
                <input type="text" placeholder="请输入岗位名称">
                <button class="search">搜索</button>
                <button class="si">重置</button>
            </div>
            <div class="add">
                <button class="wu">新增</button>
                <button class="liu">修改</button>
                <button class="qi">删除</button>
                <button class="ba">导出</button>
            </div>
            <div class="table">
                <ul class="table-head">
                    <li><input type="checkbox" class="jiu"></li>
                    <li>岗位编号</li>
                    <li>岗位编码</li>  
                    <li>岗位名称</li>
                    <li>岗位排序</li>
                    <li>状态</li>
                    <li>创建时间</li>
                    <li>操作</li>
                </ul>
                
                <div class="table-body">
                   
                </div>
            </div>
            <div class="shi">
                <div class="shiyi">共4条</div>
                <button class="prev"></button>
                <button class="shier"> &nbsp;1&nbsp;</button>
                <button class="next">></button>
            </div>

        </div>
    </div>
</body>
</html>
<script src="./axios.min.js"></script>
<script src="./index.js"></script>